/*CSS reset for mobile*/
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
html,body,form,fieldset,p,div,
h1,h2,h3,h4,h5,h6 {
  -webkit-text-size-adjust: none;
  font-family: Microsoft YaHei;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 
{
  display: block;
}
body {
  color: #000;
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
ol,ul,li {  list-style: none;}
textarea {  width: 100%;  vertical-align: middle; resize:none;}
del {  text-decoration: line-through;}
table {  border-collapse: collapse;  border: 0;}
i {  vertical-align: middle;}
button {
  cursor: pointer;text-align: center;vertical-align: middle;
}
a {  text-decoration: none;}
input,textarea,select,option ,button
{
  outline: none;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  padding:0;margin:0;
  /*-webkit-appearance: none;*/
}
a {color: #1f1f1f;}
/* 公用*/
.scrollBar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    min-height: 1px;
}
.scrollBar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.scrollBar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
.clearfix:after{
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*.clearfix {  zoom: 1;}*/
.fl {  float: left;}
.fr {  float: right;}
.pos-re{position: relative;}
.pos-ab{position: absolute;}

/*header-footer start*/
 html body {
	background-color: #ecf6ff;
}
.header {
	width: 100%;
	height: 110px;
	background: url("../imgs/topBg.jpg") no-repeat #53bcff;
	background-size: 100% 100%;
}
.header .mid-header {
	width: 1200px;
	padding: 0 12px;
	padding-top: 42px;
	margin: 0 auto;
}

.header .leftHead  {
	float: left;
    font-size: 30px;
    color: #fff;
    height: 42px;
    line-height: 42px;
    font-family: Microsoft YaHei;
}
.header .mid-header .role {
	font-size: 12px;
	color: #4b6c96;
	line-height: 18px;
	border: 1px solid #9dc9e0;
	display: inline-block;
	padding: 0 4px;
	background: #fff;
	margin: 12px 10px 0 0;
	vertical-align: middle;
	margin-top: 10px;
	margin-left: 10px;
}
.lineHangTop {
	height: 42px;
}
.lineHangTop .h1-edit {
    width: 450px;
    display: none;
    background: none repeat scroll 0 0 transparent;
    border: 2px dotted #3d95d5;
    color: #39679B;
    font-size: 28px;
    font-weight: normal;
    font-family: Microsoft YaHei;
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    color: #fff;
}
.lineHangTop2 {
	height:30px;
	margin-top: 29px
}

.lineHangTop2 .h1-edit {
    display: none;
    background: none repeat scroll 0 0 transparent;
    border: 2px dotted #3d95d5;
    color: #39679B;
    font-size: 26px;
    font-weight: normal;
    font-family: Microsoft YaHei;
    padding: 0px 10px;
    color: #1C5092;
    height: 30px;
    line-height: 30px;

}
.lineHangTop2 .role {
    font-size: 12px;
    color: #4b6c96;
    line-height: 18px;
    border: 1px solid #9dc9e0;
    display: inline-block;
    padding: 0 4px;
    background: #fff;
    margin: 12px 10px 0 0;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: 10px;
}

.bottomLineHeader {
	height: 20px;
}
.bottomLineHeader .titLine {
	font-size: 12px;
	color: #4a6b96;
}
.bottomLineHeader .h2-edit,.bottomLineHeader2 .h2-edit{
	display: none;
	font-size: 12px;
	border: 2px dotted #3d95d5;
	color: #4a6b96;
	float: left;
    background: none;
    height: 14px;
    line-height: 14px;
    padding: 0 5px;
    margin-right: 5px;
}
.bottomLineHeader .titLine {
	color: #4a6b96;
}
.mid-header .opt,.lineHangTop2 .opt{
	display: inline-block;
    vertical-align: top;
    margin-left: 8px; 
    margin-top: 6px;
}
.header .mid-header  .opt2,.lineHangTop2 .opt2 {
	display: inline-block;
    vertical-align: top;
    margin-left: 8px; 
    margin-top: 0;
}

.opt .edit_div {
	display:none; 
}


.opt .edit_div2 {
	display:none; 
}

.opt .edit_div a, .confirm_div  a{
	display: inline-block;
	color: #fff;
    background-color: #3d95d5;
    padding: 4px 7px;
    font-size: 12px;
    /* margin-right: 5px; */
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
}
.opt .edit_div a:hover,.opt .confirm_div a.sureBtn:hover {
	background-color: #288add;
}

.opt .edit_div2 a, .confirm_div2  a{
	display: inline-block;
	color: #fff;
    background-color: #3d95d5;
    padding: 4px 7px;
    font-size: 12px;
    /* margin-right: 5px; */
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
}

.opt .edit_div2 a:hover,.opt .confirm_div2 a.sureBtn:hover {
	background-color: #288add;
}

.opt .confirm_div {
	display: none;
}
.confirm_div .sureBtn {
	margin-right: 10px;
}
.opt .confirm_div a.cancleBtn {
	background-color: #8ebdd7;
}
.opt .confirm_div a.cancleBtn:hover {
	background-color: #7ab2cf;
}

.opt .confirm_div2 {
	display: none;
}
.confirm_div2 .sureBtn {
	margin-right: 10px;
}
.opt .confirm_div2 a.cancleBtn {
	background-color: #8ebdd7;
}
.opt .confirm_div2 a.cancleBtn:hover {
	background-color: #7ab2cf;
}
.header .rightHead {
	float: right;
}
.header .mid-header .searchNei {
	float: left;
	width: 256px;
    height: 30px;
    line-height: 30px;
    background-color: #ebeef1;
    border-radius: 20px;
    margin-right: 60px;
}
#header .header .ts_header {
	padding-top: 25px;
}
.searchNei .searchNav{
	float: left;
    position: relative;
    width: 60px;
    padding-left: 25px;
}
.searchNei .searchNav dt {
	font-size: 14px;
	color: #777;
}

.searchNei .searchNav dd {
	display: none;
	width: 53px;
	padding-top:7px;
	padding-bottom: 18px; 
	background-color: #F5FAFF;
	border:1px solid #2275DE;
	margin-top: 7px;
}
.searchNei .searchNav dd i {
	content: "";
	background: url(../imgs/topArrow.png) no-repeat;
	width: 15px;
	height: 7px;
	position: absolute;
	top: 31px;
	left: 42px;
}
.searchNav .arrow:after{
	content: "";
	float: right;
	width: 10px;
	height: 6px;
	background: url(../imgs/arrHui.png) no-repeat;
	position: absolute;
	right: -8px;
	top: 11px;
}
.searchNei .searchNav dd a {
	display: block;
	font-size: 12px;
	color: #808080;
	text-align: center;
}
.searchNei .searchNav dd a:hover {
	color: #2275DE;
}
.header .mid-header .searchMore {
	float: left;
	width: 256px;
	height: 30px;
	line-height: 30px;
	background-color: #ebeef1;
	border-radius: 20px;
	margin-right: 60px;
}
.header .mid-header .inputContent {
	font-size: 14px;
	color: #a6a6a6;
    margin-left: 15px;
    float: left;
    width: 194px;
    height: 28px;
    border: none;
    background-color: transparent;
}
.header .mid-header .geFeng {
	float: left;
    margin-top: 6px;
    width: 1px;
    height: 18px;
    background-color: #c7cdd3;
    vertical-align: middle;
}

.header .mid-header .searchBtn {
    width: 16px;
    height: 16px;
    background: url(../imgs/searchBtn.png) no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.header .mid-header .searchBtn:hover {
	background: url(../imgs/searchHover.png) no-repeat;
}
.header .mid-header .twoNav .inputContent {
	width: 143px;
}
.header .mid-header .rightLine {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

.mid-header .rightLine li {
	float: left;
	position: relative;
}
.rightLine li .trigle:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 3px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid #fff;
}
.mid-header .rightLine .midLi {
	margin: 0 25px;
}

.header .rightLine a {
	display: block;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.header .rightLine .show a {
	color: #808080;
}

.header .rightLine .show a:hover {
	color: #2275DE;
}

.rightLine a:hover {
	color: #2275de;
}
.rightHead .show {
	display: block;
}
.blueList {
	float: left;
	width:63px;
	height:22px;
	line-height: 22px;
	background:rgba(30,167,255,1);
	border-radius:4px;
	margin-top: 5px;
	margin-right: 37px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.showHide {
	display: none;
	position: absolute;
	left: -20px;
	top:28px;
	width: 80px;
	height: auto;
	padding: 13px 0;
	text-align: center;
	background-color: #f5faff;
	border: 1px solid #2275de;
	border-radius: 6px;
	z-index: 9;
}
.showHide:before {
	content: "";
	background: url("../imgs/topArrow.png") no-repeat;
	width: 15px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 34px;
}
.headerFirst .rightLine .showHide a {
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	color: #808080;
}
.headerFirst .rightLine .showHide a .redTipTwo {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #e40000;
    display: block;
    top: 6px;
    right: 8px;
}
.showHide a:hover {
	color: #2275de;
}
.navLine {
	height: 51px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #c4dbef;
	margin-bottom: 19px;
}

.navLine .midLine {
	width: 1200px;
	height: 50px;
	padding: 0 12px;
	padding-top: 8px;
	margin: 0 auto;
}
.navLine .midLine a{
	float: left;
	width: 16.66%;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #505050;
	text-align: center;
	border-radius: 20px;
}
.navLine .midLine a.act {
	background-color: #2275de;
	color: #fff;
}

.navLine .midLine .oneLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/blue.png) 0 -2px no-repeat;
	margin-right: 6px;
}
.navLine .midLine a.act .oneLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/bai.png) 0 -2px no-repeat;
	margin-right: 6px;
}
.navLine .midLine .twoLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/blue.png) 0 -86px no-repeat;
}
.navLine .midLine a.act .twoLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/bai.png) 0 -86px no-repeat;
}
.navLine .midLine .threeLogo {
	width: 20px;
    display: inline-block;
    height: 25px;
    background: url(../imgs/blue.png) 0 -112px no-repeat;
}
.navLine .midLine a.act .threeLogo {
	width: 20px;
	display: inline-block;
	height: 25px;
	background: url(../imgs/bai.png) 0 -112px no-repeat;
}
.navLine .midLine .fourLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/blue.png) 0 -144px no-repeat;
}
.navLine .midLine a.act .fourLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/bai.png) 0 -144px no-repeat;
}
.navLine .midLine .fiveLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/blue.png) 0 -32px no-repeat;
}
.navLine .midLine a.act .fiveLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/bai.png) 0 -32px no-repeat;
}

.navLine .midLine .sixLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/blue.png) 0 -172px no-repeat;
}
.navLine .midLine a.act .sixLogo {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../imgs/bai.png) 0 -172px no-repeat;
}

.navLine .midLine .sevenLogo {
	width: 20px;
	display: inline-block;
	height: 25px;
	background: url(../imgs/blue.png) 0 -55px no-repeat;
}
.navLine .midLine a.act .sevenLogo {
	width: 20px;
	display: inline-block;
	height: 25px;
	background: url(../imgs/bai.png) 0 -55px no-repeat;
}

.navLine .midLine a.act:hover {
	color: #fff;
}

.navLine .midLine a:hover {
	color: #2275de;
}
.mainBg {
	width: 100%;
	min-height: 913px;
	background: url("../imgs/bottomPic.jpg") no-repeat bottom center #ecf6ff;
	background-size: 100% ;
}
.footerBot {
	height: 80px;
	line-height: 80px;
	background-color: #2b2c2b;
}
.mainBg .mainBgMid {
	width: 1200px;
	margin: 0 auto;
}
/*header-footer end*/


/*allHeader start*/
.twoNav {
	height: 92px;
}
.twoNav .midNav {
	width: 1200px;
	height: 92px;
	margin: 0 auto;
}
.twoNav .midNav .leftlogo {
	float: left;
}
.leftlogo .bigList {
	font-family: Microsoft YaHei;
	font-size: 30px;
	color: #1C5092;
	height: 30px;
	line-height: 30px;
	float: left;
}
.bottomLineHeader2 {
	height: 14px;
	line-height: 14px;
	margin-top: 8px;
}
.leftlogo .tipList {
	font-size: 14px;
	color: #838383;
	float: left;
}
.twoNav .midNav .rightShow {
	float: right;
	width: 576px;
	height: 39px;
	line-height: 39px;
	margin-top: 53px;
}
.rightShow li {
	float: left;
	width: 96px;
	height: 39px;
	text-align: center;
}
.rightShow li.act {
	background-color: #C4DBEF;
}
.rightShow li a {
	font-size: 16px;
	color: #195B85;
}
.rightShow li a:hover {
	color: rgba(30,167,255,1);
}
.rightShow li.act a:hover {
	color: #195B85;
}
/*allHeader end*/

/*自定义的样式*/

.scrollBar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.scrollBar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #ccc;
}
.scrollBar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}


/*layui下的旋转按钮*/

.layui-layer-close {
	-webkit-transition:-webkit-transform .6s ease;
    -ms-transition:-ms-transform .6s ease;
    -moz-transition:-moz-transform .6s ease;
    transition:transform .6s ease;
}
.layui-layer-close:hover {
	-ms-transform:rotate(360deg); 
    -moz-transform:rotate(360deg); 
    transform:rotate(360deg)
}
.layui-layer-content {
	padding: 20px;
}



/*click totop start*/
.toTop {
    background: url("../imgs/toTop.png") no-repeat center center #fff;
}

.toTop {
    position: fixed;
    bottom: 5px;
    right: 10%;
    width: 48px;
    height: 48px;
    border-bottom: #d9d9d9 solid 1px;
    cursor: pointer;
    border: #d9d9d9 solid 1px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    z-index: 999;
}

.toTop a {
    display: none;
    height: 48px;
    font-size: 14px;
    text-align: center;
    padding: 6px 5px 0px 5px;
    line-height: 18px;
    background: #aaa;
    color: #fff;
}
.toTop:hover a {
    display: block;
}
/*click totop end*/
.headerFirst {
	width: 100%;
	height: 80px;
	background-color: #53BCFF;
}
.headerFirst .mid-header {
	width: 1200px;
    padding: 0 12px;
    margin: 0 auto;
    padding-top: 30px;
}
.headerFirst .mid-header .leftHead {
    float: left;
    font-size: 30px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-family: Microsoft YaHei;
}
.headerFirst .mid-header .rightHead {
    float: right;
}

.headerFirst .mid-header .searchNei {
    float: left;
    width: 256px;
    height: 30px;
    line-height: 30px;
    background-color: #ebeef1;
    border-radius: 20px;
    margin-right: 60px;
}
.headerFirst .mid-header .inputContent {
    font-size: 14px;
    color: #a6a6a6;
    margin-left: 15px;
    float: left;
    width: 194px;
    height: 28px;
    border: none;
    background-color: transparent;
}

.headerFirst .mid-header .geFeng {
    float: left;
    margin-top: 6px;
    width: 1px;
    height: 18px;
    background-color: #c7cdd3;
    vertical-align: middle;
}

.headerFirst  .mid-header .searchBtn {
    width: 16px;
    height: 16px;
    background: url(../imgs/searchBtn.png) no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.headerFirst  .mid-header .searchBtn:hover {
	background: url(../imgs/searchHover.png) no-repeat;
}
.headerFirst .mid-header .rightLine {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

.headerFirst .mid-header .rightLine li {
    float: left;
    position: relative;
}
.headerFirst .mid-header .rightLine li .redTip {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #e40000;
	display: block;
	top: 6px;
	right: -5px;
}
.headerFirst .rightLine a {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.headerFirst .rightLine a:hover {
	color: #2275de;
}
.dis_none {
	display: none;
}